@charset "UTF-8";
@head-h: 50px; 
.clearfix {
	&:after {
		display: block; 
		content: ""; 
		clear: both; 
		width: 0; 
		height: 0; 
		overflow: hidden; 
	}
}
.head {
	position: relative; 
	height: @head-h; 
	line-height: @head-h; 
	background: #00E7FF; 
	& .head-web {
		position: absolute; 
		top: 0; 
		left: 20px; 
		& a {
			color: #fff; 
			text-decoration: none; 
		}
	}
	& .head-title {
		font-size: 20px; 
		color: #000; 
		text-align: center; 
	}
	& .head-user {
		position: absolute; 
		top: 0; 
		right: 120px; 

		& a {
			margin-left: 20px; 
			color: #fff; 
			text-decoration: none; 
			// border-radius: 4px; 
		}
	}
}
.sidebar {
	position: fixed; 
	top: @head-h; 
	left: 0; 
	bottom: 0; 
	width: 200px; 
	border-right: 2px solid #bbb; 
	box-sizing: border-box; 
	text-align: center; 
	background: #eee; 
    // 导航标题
	& .sidebar-head {
		height: 30px; 
		line-height: 30px; 
		font-size: 18px; 
		color: #fff; 
		background: #222; 
	}

	& .sidebar-ul{}
	& .sidebar-list {
		border-bottom: 1px solid #bbb; 
		& .list-a {
			display: block; 
			padding: 6px 0; 
			height: 26px; 
			line-height: 26px; 
			color: #000; 
			font-weight: 300; 
			font-size: 16px; 
			text-decoration: none; 
			border-radius: 2px; 

			&:hover {
				background: #fff; 
			}
		}
	}
}
.main {
	position: absolute; 
	top: @head-h; 
	bottom: 0; 
	right: 0; 
	left: 200px; 
	width: auto;  
}
.main-iframe {
	position: absolute; 
	// top: 30px; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	border: none; 
	overflow-y: auto;  
}